import React from 'react';
import { Descriptions,Button } from 'antd';
import { useNavigate } from 'react-router-dom';

interface Props { }

function HealthFile(props: Props) {
    var navigate=useNavigate()

    const go=()=>{
        // navigate(-1)
        // 编辑档案信息
    } 
    const gonext=()=>{
        navigate('/index/data-health')
    }
    return (
        <div style={{ padding: 10 }}>
            <Descriptions title="居民信息" column={4} >
                <Descriptions.Item label="居民编号">20200908900</Descriptions.Item>
                <Descriptions.Item label="姓名">王安然</Descriptions.Item>
                <Descriptions.Item label="头像">头像</Descriptions.Item>
                <Descriptions.Item label="身份证号">371456198908090543</Descriptions.Item>
                <Descriptions.Item label="手机号码">18864308600</Descriptions.Item>
                <Descriptions.Item label="现居地">怀柔区洛西县建设路青莲</Descriptions.Item>
                <Descriptions.Item label="登录密码">ha138900</Descriptions.Item>
                <Descriptions.Item label="行政区划">青莲居委会</Descriptions.Item>

                <Descriptions.Item label="居民标签"><span style={{ color: 'red' }}>高血压</span>&nbsp;<span style={{ color: 'green' }}>冠心病</span></Descriptions.Item>
                <Descriptions.Item label="性别">女</Descriptions.Item>
                <Descriptions.Item label="出生日期">1970-09-08</Descriptions.Item>
                <Descriptions.Item label="籍贯">北京</Descriptions.Item>
                <Descriptions.Item label="民族">汉族</Descriptions.Item>
                <Descriptions.Item label="文化程度">本科</Descriptions.Item>
                <Descriptions.Item label="婚姻状况">已婚</Descriptions.Item>
                <Descriptions.Item label="职业">公务员</Descriptions.Item>
                <Descriptions.Item label="工作单位">无</Descriptions.Item>
                <Descriptions.Item label="紧急联系人">无</Descriptions.Item>
                <Descriptions.Item label="联系人电话">无</Descriptions.Item>
                <Descriptions.Item label="户籍类型">城镇</Descriptions.Item>
                <Descriptions.Item label="费用类型">自费</Descriptions.Item>
                <Descriptions.Item label="定点医疗单位">怀柔区第—人民医院</Descriptions.Item>
                <Descriptions.Item label="来源">用户注册</Descriptions.Item>

            </Descriptions>
            <Descriptions title="健康信息" column={4} >
                <Descriptions.Item label="身高">169cm</Descriptions.Item>
                <Descriptions.Item label="体重">49kg</Descriptions.Item>
                <Descriptions.Item label="血型">A型</Descriptions.Item>
                <Descriptions.Item label="RH阴性">否</Descriptions.Item>
                <Descriptions.Item label="过敏史">无</Descriptions.Item>
                <Descriptions.Item label="既往史">无</Descriptions.Item>
                <Descriptions.Item label="就诊史">无</Descriptions.Item>
                <Descriptions.Item label="家族病史">无</Descriptions.Item>
            </Descriptions>

            <Descriptions title="家庭成员" bordered={true}  >
                <Descriptions.Item className='span' >
                    李清 58岁<br />关系: 父母
                </Descriptions.Item>
                <Descriptions.Item >
                    王林 28岁<br />关系: 夫妻
                </Descriptions.Item>
            </Descriptions><br />
            <Button type="primary"  onClick={() => { go() }} >编辑档案信息</Button>&nbsp;&nbsp;
            <Button  onClick={() => { gonext() }} >返回</Button>


        </div>
    );
}

export default HealthFile;








